<template>
    <div class="container">
        <div class="title">
            试卷示例
        </div>
        <div class="examTime">
           <div class="time">考试时间:</div>
           <div class="date">2020-04-25 10:30~2020-4-25 11:30</div>
        </div>
       <div class="">
            <div class="timeLength">考试时长:</div>
            <div class="duration">60分钟</div>
        </div>
        <div class="btn">
            <router-link to='/onlineExam'>
            <el-button type="primary" round style="border-radius:18px">答卷</el-button>
            </router-link>
        </div>
    </div>
</template>
<script>
export default {
    name:'Exam'
}
</script>
<style lang='stylus' scoped>
.container
    width:30%;
    height:170px;
    box-shadow:0 2px 4px 0 rgba(58,62,81,0.20);
    padding-left:10px;
    padding-right:10px;
    // 容器
    .title
        width:100;
        height:56px;
        line-height: 28px;
        font-size: 20px;
        color: #2F3445;
        margin-bottom: 10px;
    //试卷标题
    .examTime
        width:100%;
        heigth:30px;
        margin-bottom:10px;

        .time
            float:left;
            font-size:16px;
            width:80px;
            color:#2F3445;
    //考试时间
    .timeLength
        float: left;
        width:80px;
    //考试时长
    .btn
        width:100px;
        float:right;
        


</style>